<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<title> 实体、全局属性等 </title>
	<meta charset="utf-8">
	<meta name="author" content="zhaojiangtao">
	<meta name="description" content="这是 HTML5 的其它部分属性">
	<meta name="keywords" content="html5,全局属性,meta">
	<!-- 打开页面3秒后跳转到百度 -->
	<!-- <meta http-equiv="refresh" content="3;http://www.baidu.com"> -->
	<!-- 另一种声明字符编码 -->
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	
	<style>
		/* id 用 # */
		#content{
			color: red
		}
		/* class 用 . */
		.aaa{
			color: green
		}
	</style>

</head>
<body>
	<p>实体就是将有特殊意义的字符通过实体代码显示出来</p>

	<!-- 想要多个空格 -->
	<p>这里是多个                    空格</p>
	<p>这里才真正是多个&nbsp&nbsp&nbsp&nbsp&nbsp空格。</p>

	<!-- 大于和小于号 -->
	<p> 这样显示大于号与小于号 &lt , &gt </p>

	<!-- 商标 -->
	<p> 这是一个商标 &reg 和一个版权 &copy 符号</p>

	<br><br><br><br>
	<p id="content"> id 属性段落</p>
	<p class="aaa"> class 属性段落 </p>
	<p class="aaa"> 又是一个 class 属性段落 </p>
	
	<br><br>
	
	<p contenteditable="true"> 这个是可以修改的 </p>
	
	<br><br>
	
	<p dir="rtl">文字从右到左排列adsd</p>

	<p hidden> 这里隐藏了内容 </p>

	<p lang="en"> HTML5 的 lang 属性 </p>

	<p title="这是title属性"> title属性提示了吗</p>

	<p style="background:red"> 设置 CSS 样式 </p>
	<br><br>
	<input type="text" name="user" tabindex="2"><br>
	<input type="text" name="user" tabindex="1"><br>

</body>
</html>